<!DOCTYPE html>
<html lang="en" translate="no">
<head>
    <title><%= htmlWebpackPlugin.options.title %></title>
    <% for(let name of Object.keys(htmlWebpackPlugin.options.meta)) { %>
    <meta name="<%= name %>" content="<%= htmlWebpackPlugin.options.meta[name] %>">
    <% } %>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="browsermode" content="application">
    <meta name="full-screen" content="true">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <script type="application/javascript" src="<%= htmlWebpackPlugin.options.jquery || '//cdn.bootcdn.net/ajax/libs/jquery/3.2.1/jquery.min.js' %>"></script>
    <script type="application/javascript" src="<%= htmlWebpackPlugin.options.socketio || '//cdn.bootcdn.net/ajax/libs/socket.io/2.0.1/socket.io.slim.js' %>"></script>
    <script type="application/javascript" src="<%= htmlWebpackPlugin.options.vue || '//cdn.bootcdn.net/ajax/libs/vue/2.3.3/vue.min.js' %>"></script>
    <script type="application/javascript" src="<%= htmlWebpackPlugin.options.qrcode || '//cdn.bootcdn.net/ajax/libs/qrcode-generator/1.4.4/qrcode.min.js' %>"></script>
    <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.fontawesome || '//cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' %>">
</head>
<div id="scrollTipMask" style="position:absolute; z-index:999999; background-color:#303030; left: 0; top: 0; height:100%; width:100%; padding-top: 10px; box-sizing: content-box; display: none; opacity:0.8;"><h1 id="tip" style="color:red; text-align:center; line-height:250px;">请向上滑动全屏显示</h1></div>
<body>
    <div class="seo">
        <h2><%= htmlWebpackPlugin.options.title %></h2>
        <p><%= htmlWebpackPlugin.options.meta && htmlWebpackPlugin.options.meta.keywords || htmlWebpackPlugin.options.title %></p>
        <p><%= htmlWebpackPlugin.options.meta && htmlWebpackPlugin.options.meta.description || htmlWebpackPlugin.options.title %></p>
        <% if (htmlWebpackPlugin.options.logo) { %>
        <img src="<%= htmlWebpackPlugin.options.logo %>" alt="<%= htmlWebpackPlugin.options.title %>">
        <% } %>
    </div>
    <% if (!htmlWebpackPlugin.options.seo) { %>
    <%= htmlWebpackPlugin.options.body %>
    <% } %>
</body>
</html>